<template>
    <div :style="[{top:top,left:left}]" class="cardDataPointLayout-page">
        <div :class="[{column}]">
            <slot :gutterX="gutterX" :gutterY="gutterY"></slot>
        </div>
    </div>
</template>
<script setup>
const props = defineProps({
    top:[Number,String],
    left:[Number,String],
    gutterY:[Number,String],
    gutterX:[Number,String],
    column:{
        type:Boolean,
        default:false
    }
})
onMounted(() => {
    console.log("=============props");
})

</script>
<style scoped>
.cardDataPointLayout-page{
    position: absolute;
}
.column{
    display: flex;
}
</style>
